<!doctype html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>扶贫大使排行榜</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Wx/css/base.css" />
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Wx/css/detail.css" />
</head>
<body>
<div class="article" style="padding-top:40px;">
    <div class="tabber05"><span class="on" onclick="header('all')">总排名</span><span onclick="header('com')">本社区排名</span></div>
    <div id="tab-rank">
        <div class="ranking">
            <div class="ranktop">
                <ul>
                    <li style="margin-top:20px;">
                        <if condition="$type eq all">
                            <div class="pic"><img src="{$ranking[1]['member']['avatar']}"/><span>No.2</span></div>
                            <div class="mess">
                                <h2>{$ranking[1]['member']['nickname']}</h2>
                                <p>爱心值：<span>{$ranking[1]['eva_num']}</span></p>
                            </div>
                        </if>
                    </li>
                    <li>
                        <div class="pic"><img src="{$ranking[0]['member']['avatar']}"/><span style="background:#ffde00;">No.1</span></div>
                        <div class="mess">
                            <h2>{$ranking[0]['member']['nickname']}</h2>
                            <p>爱心值：<span>{$ranking[0]['eva_num']}</span></p>
                        </div>
                    </li>
                    <li style="margin-top:20px;">
                        <if condition="$type eq all">
                            <div class="pic"><img src="{$ranking[2]['member']['avatar']}"/><span style="background:#ff3c00;">No.3</span></div>
                            <div class="mess">
                                <h2>{$ranking[2]['member']['nickname']}</h2>
                                <p>爱心值：<span>{$ranking[2]['eva_num']}</span></p>
                            </div>
                        </if>
                    </li>
                </ul>
            </div>
            <div class="rankbot">
                <ul>
                    <volist name="ranking" id="vo">
                        <if condition="$vo['u_id'] eq $u_id">
                            <li>
                                <i>{$vo.ranking_id}</i>
                                <div class="message">
                                    <div class="pic"><img src="{$vo.member.avatar}"/></div>
                                    <h3>{$vo.member.nickname}</h3>
                                    <p>{$vo.community}</p>
                                    <span>爱心值：<b>{$vo.eva_num}</b></span>
                                </div>
                            </li>
                        </if>
                    </volist>
                    <if condition="$type eq all">
                        <volist name="ranking" id="vo" offset="4" length="6">
                            <li>
                                <i>{$vo.ranking_id}</i>
                                <div class="message">
                                    <div class="pic"><img src="{$vo.member.avatar}"/></div>
                                    <h3>{$vo.member.nickname}</h3>
                                    <p>{$vo.community}</p>
                                    <span>爱心值：<b>{$vo.eva_num}</b></span>
                                </div>
                            </li>
                        </volist>
                        <else />
                        <volist name="ranking" id="vo" offset="2" length="8">
                            <li>
                                <i>{$vo.ranking_id}</i>
                                <div class="message">
                                    <div class="pic"><img src="{$vo.member.avatar}"/></div>
                                    <h3>{$vo.member.nickname}</h3>
                                    <p>{$vo.community}</p>
                                    <span>爱心值：<b>{$vo.eva_num}</b></span>
                                </div>
                            </li>
                        </volist>
                    </if>
                </ul>
            </div>
        </div>
        <!--<div class="ranking">-->
        <!--<div class="ranktop">-->
        <!--<ul>-->
        <!--<li style="margin:0 auto; float:none;">-->
        <!--<div class="pic"><img src="__PUBLIC__/Wx/images/pic30.jpg"/><span style="background:#ffde00;">No.1</span></div>-->
        <!--<div class="mess">-->
        <!--<h2>张晓晓</h2>-->
        <!--<p>爱心值：<span>110</span></p>-->
        <!--</div>-->
        <!--</li>-->
        <!--</ul>-->
        <!--</div>-->
        <!--<div class="rankbot">-->
        <!--<ul>-->
        <!--<li>-->
        <!--<i>8</i>-->
        <!--<div class="message">-->
        <!--<div class="pic"><img src="__PUBLIC__/Wx/images/pic31.jpg"/></div>-->
        <!--<h3>张三丰</h3>-->
        <!--<p>光谷中心花园</p>-->
        <!--<span>爱心值：<b>88</b></span>-->
        <!--</div>-->
        <!--</li>-->
        <!--<li>-->
        <!--<i>4</i>-->
        <!--<div class="message">-->
        <!--<div class="pic"><img src="__PUBLIC__/Wx/images/pic31.jpg"/></div>-->
        <!--<h3>张三丰</h3>-->
        <!--<p>光谷中心花园</p>-->
        <!--<span>爱心值：<b>102</b></span>-->
        <!--</div>-->
        <!--</li>-->
        <!--<li>-->
        <!--<i>5</i>-->
        <!--<div class="message">-->
        <!--<div class="pic"><img src="__PUBLIC__/Wx/images/pic31.jpg"/></div>-->
        <!--<h3>张三丰</h3>-->
        <!--<p>光谷中心花园</p>-->
        <!--<span>爱心值：<b>99</b></span>-->
        <!--</div>-->
        <!--</li>-->
        <!--<li>-->
        <!--<i>6</i>-->
        <!--<div class="message">-->
        <!--<div class="pic"><img src="images/pic31.jpg"/></div>-->
        <!--<h3>张三丰</h3>-->
        <!--<p>光谷中心花园</p>-->
        <!--<span>爱心值：<b>99</b></span>-->
        <!--</div>-->
        <!--</li>-->
        <!--</ul>-->
        <!--</div>-->
        <!--</div>-->
    </div>
</div>
<!--引用悬浮公共导航文件-->
<include file="Public:nav" />
<script type="text/javascript" src="__PUBLIC__/Wx/js/jquery-1.9.1.js"></script>
<script type="text/javascript">
    $(".click span").click(function(){
        if($(this).text() ==="导航"){
            $(this).text("收起");
            $('.link02').css('display','block')
        }else{
            $(this).text("导航");
            $('.link02').css('display','none')
        }//end if
    });//end fun
    $('.tabber05 span').click(function(){
        $(this).addClass("on").siblings().removeClass();
    });

    function header(type) {
        $.post('__MODULE__/Foretaste/ranking',{'type':type},function (date) {
            var div = $(date).find("div#tab-rank");//获取接收的html页面中的选择部分
            $("div#tab-rank").html(div);//替换掉对应html内容
        })
    }//end fun
</script>
</body>
</html>